<template>
    <div class="app-container">
        <el-card class="box-card">
            <el-row :gutter="20">
                <el-col>
                    <el-button type="primary" size="small">添加类型</el-button>
                </el-col>
            </el-row>

            <el-row :gutter="20" class="marginTop">
                <el-col>
                    <el-table highlight-current-row :data="tableData" :header-cell-style="{
                        'background-color': '#f3f8fe',
                        color: '#606266',
                        height: '50px',
                    }" style="width: 100%">
                        <el-table-column align="center" prop="orderno" label="ID"> </el-table-column>
                        <el-table-column align="center" prop="type" label="会员名"> </el-table-column>
                        <el-table-column align="center" prop="user" label="有限期(天)"> </el-table-column>
                        <el-table-column align="center" prop="goods" label="原价"> </el-table-column>
                        <el-table-column align="center" prop="price" label="优惠价"> </el-table-column>
                        <el-table-column align="center" prop="date" label="排序"> </el-table-column>
                        <el-table-column align="center" prop="payname" label="是否开启"> </el-table-column>
                        <el-table-column align="center" fixed="right" width="180" prop="address" label="操作">
                            <template>
                                <el-button type="text" size="small" @click="putUserWay">
                                    修改
                                </el-button>

                                <el-button type="text" size="small" @click="deleteorder">
                                    删除
                                </el-button>
                            </template>
                        </el-table-column>
                    </el-table></el-col>
            </el-row>
            <el-row class="marginTop" style="text-align: right">
                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                    :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100"
                    layout="total, sizes, prev, pager, next, jumper" :total="400">
                </el-pagination>
            </el-row>
        </el-card>
    </div>
</template>

<script>
export default {
    data() {
        return {
            select: ''
        }
    }
}
</script>

<style>
.el-select .el-input {
    width: 190px;
}

.input-with-select .el-input-group__prepend {
    background-color: #fff;
}
</style>